import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
import Home from "../views/Home.vue";
import Container from "../components/container/src/index.vue";
import ChooseIcon from "../views/chooseIcon/index.vue";
import ChooseArea from "../views/chooseArea/index.vue";
import Trend from "../views/trend/index.vue";
import Notification from "../views/notification/index.vue";
import Menu from "../views/menu/index.vue";
import Progress from "../views/progress/index.vue";
import ChooseTime from "../views/chooseTime/index.vue";
import ChooseDate from "../views/chooseDate/index.vue";
import ChooseCity from "../views/chooseCity/index.vue";
import Form from "../views/form/index.vue";
import ModalForm from "../views/modalForm/index.vue";
import Table from "../views/table/index.vue";
const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    component: Container,
    children: [
      {
        path: "/",
        component: Home,
      },
      {
        path: "/ChooseIcon",
        component: ChooseIcon,
      },
      {
        path: "/ChooseArea",
        component: ChooseArea,
      },
      {
        path: "/Trend",
        component: Trend,
      },
      {
        path: "/Notification",
        component: Notification,
      },
      {
        path: "/Menu",
        component: Menu,
      },
      {
        path: "/Progress",
        component: Progress,
      },
      {
        path: "/ChooseTime",
        component: ChooseTime,
      },
      {
        path: "/ChooseDate",
        component: ChooseDate,
      },
      {
        path: "/ChooseCity",
        component: ChooseCity,
      },
      {
        path: "/Form",
        component: Form,
      },
      {
        path: "/ModalForm",
        component: ModalForm,
      },
      {
        path: "/Table",
        component: Table,
      },
    ],
  },
];
const router = createRouter({
  routes,
  history: createWebHistory(),
});
export default router;
